Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / network-visualiser / internal / NetworkVisualiserLegend.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<div

Te6edf3class=Ta5d6ff"absolute bottom-4 right-4 z-10 hidden sm:flex items-center gap-2 px-4 py-2 rounded-full border border-gray-200/50 dark:border-zinc-800/50 bg-white/90 dark:bg-zinc-900/90"

Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"flex items-center gap-1.5"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"w-3 h-3 rounded-full border-2 border-emerald-500 bg-emerald-500/20"Tff7b72>Tff7b72</div>

Tff7b72<span Te6edf3class=Ta5d6ff"text-[10px] font-bold text-gray-600 dark:text-zinc-400 uppercase"Tff7b72>DirectTff7b72</span>

Tff7b72</div>

Tff7b72<div Te6edf3class=Ta5d6ff"w-px h-3 bg-gray-200 dark:bg-zinc-800 mx-1"Tff7b72>Tff7b72</div>

Tff7b72<div Te6edf3class=Ta5d6ff"flex items-center gap-1.5"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"w-3 h-3 rounded-full border-2 border-blue-500/50 bg-blue-500/10"Tff7b72>Tff7b72</div>

Tff7b72<span Te6edf3class=Ta5d6ff"text-[10px] font-bold text-gray-600 dark:text-zinc-400 uppercase"Tff7b72>Multi-HopTff7b72</span>

Tff7b72</div>

Tff7b72<div

Te6edf3v-if=Ta5d6ff"showDiscoveredInterfaces && discoveredCount > 0"

Te6edf3class=Ta5d6ff"w-px h-3 bg-gray-200 dark:bg-zinc-800 mx-1"

Tff7b72>Tff7b72</div>

Tff7b72<div Te6edf3v-if=Ta5d6ff"showDiscoveredInterfaces && discoveredCount > 0" Te6edf3class=Ta5d6ff"flex items-center gap-1.5"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"w-3 h-3 rounded-full border-2 border-cyan-500/50 bg-cyan-500/10"Tff7b72>Tff7b72</div>

Tff7b72<span Te6edf3class=Ta5d6ff"text-[10px] font-bold text-gray-600 dark:text-zinc-400 uppercase"

Tff7b72>Discovered (Tff7b72{{ Te6edf3discoveredCount Tff7b72}})Tff7b72</span

>

Tff7b72</div>

Tff7b72</div>

Tff7b72</template>

Tff7b72<scriptTff7b72>

export default {

name: "NetworkVisualiserLegend",

props: {

showDiscoveredInterfaces: { type: Boolean, default: false },

discoveredCount: { type: Number, default: 0 },

},

};

Tff7b72</script>